.check {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	box-sizing: border-box;
	font-size: .32rem;
	.scrollBox {
		height: calc( 100% - 1rem );
		width: 100%;
		position: relative;
	}
	.typeList {
		.typeLi {
			.typeName {
				padding: 0 5%;
				height: .9rem;
				line-height: .9rem;
				font-weight: 600;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #ccc;
			}
		}
		.typeLi.open {
			height: auto;
		}
		.typeLi.close {
			height: .9rem;
			overflow: hidden;
		}
		.goodList {
			.goodLi {
				line-height: .6rem;
				padding: 0 4%;
				font-size: .3rem;
				color: #444;
				.goodLiBox {
					padding-left: 6%;
					padding-top: .1rem;
					padding-bottom: .1rem;
					border-bottom: 1px dashed #ccc;
				}
				.goodName,.accurateQuantity {
					width: 45%;
					margin-right: 4%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.sholdPrice,.checkQuantity {
					height: .6rem;
					width: 51%;
				}
				.accurateQuantity,.checkQuantity {
					color: #999;
				}
				.sholdPrice {
					color: #dc6060;
				}
				.input {
					width: 1.4rem;
					height: .5rem;
					line-height: .5rem;
					padding-left: .2rem;
					border-bottom: 1px solid #ccc;
				}
			}
			.goodLi:last-child {
				.goodLiBox {
					border-bottom: none;
				}
			}
		}
	}

	.total {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0 5%;
		height: 1rem;
		line-height: 1rem;
		border-top: 1px solid #ccc;
		.name {
			font-weight: 600;
		}
		button {
			background: none;
			border: none;
			background-color: #dc6060;
			border-radius: 100px;
			color: #fff;
			font-size: .35rem;
			height: .6rem;
			margin-top: .2rem;
			width: 1.5rem;
		}
	}

	// 确认删除订单
	.checkConfirmMask {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba( 0, 0, 0, .57);
		font-size: .28rem;
		color: #444;
		.checkConfirm {
			width: 4rem;
			box-sizing: border-box;
			background-color: #fff;
			box-shadow: 2px 0 2px 0 rgba(220, 96, 96, 0.31);
			border-radius: 10px;
			.tipText {
				text-align: center;
				line-height: 2rem;
			}
			.btnGroup {
				text-align: center;
				padding-bottom: .3rem;
				button {
					background:none;
					border: none;
					width: 1.2rem;
					height: .5rem;
					background-color: #FA7D70;
					color: #fff;
					border-radius: 100px;
				}
				.cancle {
				    background-color: #adabab;
				    margin-right: 10px;
				}
			}
		}
	}

	.numberMask {
		transition: bottom .4s ease-in-out;
		-moz-transition: bottom .4s ease-in-out;
		-webkit-transition: bottom .4s ease-in-out;
		-o-transition: bottom .4s ease-in-out;

		position: fixed;
		left: 0;
		right: 0;
		bottom: -6rem;
		z-index: 100;
		background-color: #eee;
		padding: .2rem;
		.inputBox {
			border: 1px solid #ccc;
			background-color: #fff;
			width: 100%;
			height: .8rem;
			line-height: .8rem;
			box-sizing: border-box;
			padding: 0 .3rem;
			font-size: .35rem;
			margin-bottom: .1rem;
			border-radius: 5px;
			i {
				width: .8rem;
				text-align: center;
				font-size: .5rem;
			}
		}
		.numberBox {
			.number {
				border: 1px solid #ccc;
				background-color: #fff;
				box-sizing: border-box;
				font-size: .32rem;
				padding: .3rem 0;
			    border-radius: 5px;
			    color: #333;
			    font-weight: 600;
				float: left;
				width: 33.3%;
				text-align: center;
			}
		}
	}
}